@baseWidth: 720;
.px2rem(@atr,@px,@base-width:0) when( @base-width > 0){
	@{atr}: unit(@px*10/@base-width , rem);
}

.px2rem(@atr,@px,@base-width:0) when( @base-width = 0){
	@{atr}: unit(@px*10/@baseWidth , rem);
}

.Legend{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    .px2rem(padding, 12);
    .items{
        flex: 1;
        .px2rem(padding, 8);
        text-align: center;
        .content{
            .px2rem(font-size, 18);
            color: #333;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .extra{
            .px2rem(font-size, 32);
            .px2rem(margin-bottom, 6);
            flex-basis: 36%;
            color: #4482ff;
        }
    }
    
}